<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>订单明细</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back"><i class="icon icon-back"></i></a>
	<h1 class="mui-title">订单明细</h1>
</header>
<div class="mui-content pb15">
    <div class="h42">
    	<div class="line-top">
        	<a href="javascript:;" id="filterTime"><label>时间</label><i class="sjc-b"></i><div class="linetime"></div></a>
        	<a href="javascript:;" id="filterSet"><label>创建</label><i class="sjc-b"></i></a>
        	<a href="花钱-订单-我的代理-选择代理.html" id="filterAgent"><label>全部</label><i class="sjc-b"></i></a>
            <div class="">
            	
            </div>
            <div class="found-filter c-hide">
            	<a href="javascript:;" class="curr" data-val="创建">创建时间</a>
            	<a href="javascript:;" data-val="结算">结算时间</a>
            </div>
        </div>
        <div class="filter-mask c-hide"></div>
    </div>
    <div class="mt10">
    	<ul class="line-list">
        	<li>
            	<div class="lel-top">订单编号：15481212456565611</div>
                <div class="lel-box">
                	<h4 class="c-nowrap">减肥贴全身瘦身贴减大肚子肚脐顽固型懒人针灸瘦腿减肥贴全身瘦身贴减大肚子肚脐顽固型懒人针灸瘦腿</h4>
                    <div class="lel-mess">
                    	<dl>
                        	<dd>订单状态</dd>
                        	<dd>付款金额</dd>
                        	<dd>效果预估</dd>
                        </dl>
                    	<dl>
                        	<dd>订单付款</dd>
                        	<dd>19.9元</dd>
                        	<dd>1.06元</dd>
                        </dl>
                    </div>
                </div>
                <div class="lel-bot">
                    <p>订单来源：自荐</p>
                    <p>创建时间：2018-01-03  23：59：58</p>
                </div>
            </li>
        	<li>
            	<div class="lel-top">订单编号：15481212456565611</div>
                <div class="lel-box">
                	<h4 class="c-nowrap">减肥贴全身瘦身贴减针灸瘦腿</h4>
                    <div class="lel-mess">
                    	<dl>
                        	<dd>订单状态</dd>
                        	<dd>付款金额</dd>
                        	<dd>效果预估</dd>
                        </dl>
                    	<dl>
                        	<dd>订单付款</dd>
                        	<dd>19.9元</dd>
                        	<dd>1.06元</dd>
                        </dl>
                    </div>
                </div>
                <div class="lel-bot">
                    <p>订单来源：自荐</p>
                    <p>创建时间：2018-01-03  23：59：58</p>
                </div>
            </li>
        	<li>
            	<div class="lel-top">订单编号：15481212456565611</div>
                <div class="lel-box">
                	<h4 class="c-nowrap">减肥贴全身瘦身贴减针灸瘦腿</h4>
                    <div class="lel-mess">
                    	<dl>
                        	<dd>订单状态</dd>
                        	<dd>付款金额</dd>
                        	<dd>效果预估</dd>
                        </dl>
                    	<dl>
                        	<dd>订单付款</dd>
                        	<dd>19.9元</dd>
                        	<dd>1.06元</dd>
                        </dl>
                    </div>
                </div>
                <div class="lel-bot">
                    <p>订单来源：自荐</p>
                    <p>创建时间：2018-01-03  23：59：58</p>
                </div>
            </li>
        	<li>
            	<div class="lel-top">订单编号：15481212456565611</div>
                <div class="lel-box">
                	<h4 class="c-nowrap">减肥贴全身瘦身贴减针灸瘦腿</h4>
                    <div class="lel-mess">
                    	<dl>
                        	<dd>订单状态</dd>
                        	<dd>付款金额</dd>
                        	<dd>效果预估</dd>
                        </dl>
                    	<dl>
                        	<dd>订单付款</dd>
                        	<dd>19.9元</dd>
                        	<dd>1.06元</dd>
                        </dl>
                    </div>
                </div>
                <div class="lel-bot">
                    <p>订单来源：自荐</p>
                    <p>创建时间：2018-01-03  23：59：58</p>
                </div>
            </li>
        	<li>
            	<div class="lel-top">订单编号：15481212456565611</div>
                <div class="lel-box">
                	<h4 class="c-nowrap">减肥贴全身瘦身贴减针灸瘦腿</h4>
                    <div class="lel-mess">
                    	<dl>
                        	<dd>订单状态</dd>
                        	<dd>付款金额</dd>
                        	<dd>效果预估</dd>
                        </dl>
                    	<dl>
                        	<dd>订单付款</dd>
                        	<dd>19.9元</dd>
                        	<dd>1.06元</dd>
                        </dl>
                    </div>
                </div>
                <div class="lel-bot">
                    <p>订单来源：自荐</p>
                    <p>创建时间：2018-01-03  23：59：58</p>
                </div>
            </li>
        	<li>
            	<div class="lel-top">订单编号：15481212456565611</div>
                <div class="lel-box">
                	<h4 class="c-nowrap">减肥贴全身瘦身贴减针灸瘦腿</h4>
                    <div class="lel-mess">
                    	<dl>
                        	<dd>订单状态</dd>
                        	<dd>付款金额</dd>
                        	<dd>效果预估</dd>
                        </dl>
                    	<dl>
                        	<dd>订单付款</dd>
                        	<dd>19.9元</dd>
                        	<dd>1.06元</dd>
                        </dl>
                    </div>
                </div>
                <div class="lel-bot">
                    <p>订单来源：自荐</p>
                    <p>创建时间：2018-01-03  23：59：58</p>
                </div>
            </li>
        </ul>
        <div class="nomess">
        	<p><i class="nomess-tb"></i></p>
            <p class="mt5">暂无明细</p>
        </div>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript" src="../widget/laydate/laydate.js"></script>
<script type="text/javascript">
$(function(){
	$('#filterSet').on('click',function(){
		$('.found-filter').slideDown(200);
		$('.filter-mask').fadeIn(200);
	});
	$('.found-filter a').on('click',function(){
		$(this).addClass('curr').siblings().removeClass('curr');
		$('#filterSet').find('label').html($(this).attr('data-val'));
		setClose();
	});
	$('#filterTime,#filterAgent,.filter-mask').on('click',function(){
		setClose();
	});
});
function setClose(){
	$('.found-filter,.filter-mask').hide();
}
//日期
laydate.render({
	elem: '.linetime',
	range: true,
	done: function(value, date){
		alert(value);
	}
});
</script>
</body>
</html>